<template>
    <view class="container">
        <view class="header">
            <text class="title">历史数据查询</text>
        </view>
        
        <view class="empty-section">
            <image class="empty-icon" src="../../static/stat.png" mode="aspectFit"></image>
            <text class="empty-text">该功能已暂时关闭</text>
            <text class="empty-desc">历史数据查询功能正在维护中，请稍后再试</text>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            
        }
    },
    methods: {
        
    },
    onLoad() {
        
    }
}
</script>

<style>
.container {
    padding: 20rpx;
    background-color: #f5f5f5;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header {
    text-align: center;
    margin-bottom: 60rpx;
    margin-top: 40rpx;
}

.title {
    font-size: 36rpx;
    font-weight: bold;
    color: #333;
}

.empty-section {
    background-color: white;
    border-radius: 20rpx;
    padding: 80rpx 40rpx;
    text-align: center;
    box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.1);
    width: 90%;
    max-width: 600rpx;
}

.empty-icon {
    width: 120rpx;
    height: 120rpx;
    margin-bottom: 30rpx;
    opacity: 0.3;
}

.empty-text {
    font-size: 32rpx;
    color: #666;
    display: block;
    margin-bottom: 20rpx;
    font-weight: 500;
}

.empty-desc {
    font-size: 26rpx;
    color: #999;
    display: block;
    line-height: 1.5;
}
</style>